/**
 变量样式
 */
:root {
  //--el-color-primary: #1890FF;
}

@ns: ijep;  // 命名空间

// 主题色
@primary-color: #1890FF;  // 主色
@primary-color-light-1: #52ACFF; // 主色[浅1]
@primary-color-light-2: #80C2FF; // 主色[浅2]
@primary-color-light-3: #AED8FF; // 主色[浅3]
@primary-color-light-4: #DDEEFF; // 主色[浅4]
@success-color: #52C41A;  // 成功色
@warning-color: #FAAD14; // 警告色
@error-color: #F5222D;  // 错误
@blue-light: #E6F7FF; // 浅蓝色
@green-light: #52C41A; // 浅绿色
@orange-light: #FFFBE6; // 浅橙色
@red-light: #FFF1F0; // 浅红色
@image-bg-color: #f5f7fa; // 图片区域背景色
@bg-color: #f2f3f5; // 背景色
@bg-color-sidebar: #333333; // 左侧边主菜单背景色
@bg-color-hover-menu: #666666; // 左侧边菜单选中背景色
@bg-color-active-menu: @primary-color; // 左侧边菜单选中背景色

// 文字色
@text-high-emphasize-color: #333333; // 文字强调色
@text-mid-emphasize-color: #666666; // 文字中强调色
@text-low-emphasize-color: #999999; // 文字低强调色
@text-no-data-color: #dcdfe6; // 无数据文字提示色
@text-sub-color: #8c8c8c;
@image-error-color: #909399; // 无图片时替代icon的颜色

// 中性色
@disabled-color: #BFBFBF; // 禁用颜色
@border-color: #D9D9D9;  // 边框颜色
@divider-color: #E5E5E5; // 分割线颜色
@hover-color: #F9F9F9; // 悬浮颜色
@white: #ffffff; // 白色
@mask-color: rgba(0,0,0,0.2); // 遮罩颜色

// spacing间距
@spacing-60: 60px;  // 常用于弹窗、抽屉等内容区与容器的间距
@spacing-40: 40px;  // 部分主内容区到容器的间距、部分表单的横向间距、少量需要的大距离间距
@spacing-32: 32px;  // 少量需要的大距离间距
@spacing-24: 24px;  // 部分主内容区到容器的间距、大块内容区域之间的间距
@spacing-16: 16px;  // 大部分内容区到容器的间距、大部分内容区到容器顶部的间距，以及控件间的纵向间距
@spacing-12: 12px;  // 常用于按钮之间的间距、文本间的间距
@spacing-8: 8px;  // 部分需要的比较小的间距
@spacing-4: 4px;  // 最小间距，如弹窗内表单的标题和输入框的间距


// fonts-size
@title-font-size: 20px; // 主标题文字大小
@sub-title-font-size: 16px;  // 次标题文字大小
@content-font-size: 14px; // 内容文字大小
@note-font-size: 12px; // 标注说明字体大小


// box-shadow
/*一级阴影*/
@box-shadow-1: 0px 1px 2px -2px rgba(0,0,0,0.16), 0px 3px 6px 0px rgba(0,0,0,0.12), 0px 5px 12px 4px rgba(0,0,0,0.09);
/*二级阴影*/
@box-shadow-2: 0px 3px 6px -4px rgba(0,0,0,0.12), 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 9px 28px 8px rgba(0,0,0,0.05);
/*三级阴影*/
@box-shadow-3: 0px 6px 16px -8px rgba(0,0,0,0.08), 0px 9px 28px 0px rgba(0,0,0,0.05), 0px 12px 48px 16px rgba(0,0,0,0.03);



